<template>
  <uni-popup ref="lawyerApply5" type="center">
    <order-popup-common  morenWidth="660" :isShow="false" :title="item.new_name=='退款'?'退款给委托人':'付款给律师'" @closePop="closePop('lawyerApply5')">
      <view slot="popup-con" >
        <view class="flex flex-vertical" style="font-size: 15px;">
          <view class="flex flex-horizontal flex-center-v item">
            <text class="flex flex-1" v-if="item.new_name== '退款'">退款金额</text>
            <text class="flex flex-1" v-else>退款理由</text>
            <text class="money-text"  v-if="item.new_name== '退款'">¥{{item.money}}</text>
            <text class="money-text" v-else>¥{{item.money}}</text>
          </view>
          <view class="flex flex-horizontal flex-center-v" style="padding: 10px 15px;align-items:self-start" v-if="item.origin">
            <text class="flex flex-1" style="min-width: 80px;" v-if="item.new_name== '退款'">退款理由</text>
            <text class="flex flex-1" style="min-width: 80px;" v-else>付款事由</text>
            <text  style="margin-left: 5px;color: #999;">{{item.origin}}</text>
          </view>
        </view>
      </view>
      <view slot="popup-btn" class="flex flex-center" style="padding: 10px 0;" @click="closePop('lawyerApply5')">
        <view class="comfir-btn flex flex-center" style="width: 180px;height: 38px;border-radius: 38px;">我知道了</view>
      </view>
    </order-popup-common>
  </uni-popup>
</template>

<script>
export default {
  props: ['item'],
  data() {
    return {
    };
  }
}

</script>

<style>
.image-icon {
  width: 37rpx;
  height: 34rpx;
}
.item {
  height: 40px;
  padding: 0 15px;
}
.image-r {
  width: 9px;
  height: 14px;
  margin-left: 7.5px;
}
</style>
